<div class="example-tabs-grid">
  <div class="example-tabs-container">
    <h4>Explicit Selection - Able to navigate between tabs and select tabs.</h4>
    <cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
  </div>

  <div class="example-tabs-container">
    <h4>Selection Follows Focus - Navigating between tabs also changes the selected tab.</h4>
    <cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
  </div>

  <div class="example-tabs-container">
    <h4>Horizontal Orientation - Able to navigate between tabs.</h4>
    <cdk-tabs-vertical-example></cdk-tabs-vertical-example>
  </div>

  <div class="example-tabs-container">
    <h4>RTL & Horizontal Orientation - Able to navigate between tabs.</h4>
    <cdk-tabs-rtl-vertical-example></cdk-tabs-rtl-vertical-example>
  </div>

  <div class="example-tabs-container">
    <h4>Active Descendant - Able to navigate between tabs.</h4>
    <cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
  </div>

  <div class="example-tabs-container">
    <h4>Disabled Tabs are Focusable - Able to navigate to a disabled tab. Disabled tabs are not selectable.</h4>
    <cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
  </div>

  <div class="example-tabs-container">
    <h4>Disabled Tabs are Skipped - Disabled tabs are skipped over. Disabled tabs are not selectable.</h4>
    <cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
  </div>

  <div class="example-tabs-container">
    <h4>Disabled - Focus should land on the tablist instead of a tab.</h4>
    <cdk-tabs-disabled-example></cdk-tabs-disabled-example>
  </div>
</div>

<div class="example-configurable-tabs-container">
  <h4>Configurable Tabs</h4>
  <cdk-tabs-configurable-example></cdk-tabs-configurable-example>
</div>
